<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="dist/images/favicon.ico">
    <link rel="stylesheet" href="dist/css/main.css">
    <link rel="stylesheet" href="dist/css/index.css">
    <title>
        小蜜蜂蛋糕 高端品质好吃不腻零添加,24小时在线预订新鲜直达
    </title>
    <script src="jquery/jquery-3.4.1.min.js"></script>
    <script>
        var index=0;
       $(function () {
       //编写jQuery代码
           var timer;
           autoChange();
            $(".banner_wrap .banner_btns span").hover(function () {
                clearInterval(timer);
                var index = $(this).index();
                $(".banner_wrap .banner_img ul li").eq(index).css("display","block");
                $(this).addClass("on");
                $(".banner_wrap .banner_img ul li").eq(index).siblings().css("display","none");
                $(this).siblings().removeClass("on");
            },function () {
                    autoChange();
                    $(".banner_wrap .banner_img ul li").eq(index).css("display","none");
                    window.index = $(this).index();
            });
            function autoChange(){
               timer = setInterval(function () {
                   index %= 4;
                   $(".banner_wrap .banner_img ul li").eq(index).fadeOut(500,function () {
                       if (index == 3){
                           $(".banner_wrap .banner_img ul li").eq(0).css("display","block");
                           $(".banner_wrap .banner_btns span").eq(0).addClass("on").siblings().removeClass("on");
                       } else {
                           $(".banner_wrap .banner_btns span").eq(index+1).addClass("on").siblings().removeClass("on");
                           $(".banner_wrap .banner_img ul li").eq(index+1).css("display","block");
                       }
                       index++;
                   });
               },6000);
           }
       });
    </script>
</head>
<body>
<div class="home_header">
    <div class="nav_wrap clearfix">
        <div class="top_bar clearfix">
            <div class="info_wrap">
                <a href="#">北京</a>
                <span>六环之内免费配送</span>
                <span class="tel">4006 106 789</span>
            </div>
            <h1 class="logo">
                <a href="javascript:;"></a>
            </h1>
            <div class="clearfix nav">
                <ul class="clearfix">
                    <li><a class="cur" href="javascript:;">首页</a></li>
                    <li><a href="javascript:;">蛋糕</a></li>
                    <li><a href="javascript:;">下午茶</a></li>
                    <li><a href="javascript:;">精选食材</a></li>
                    <li><a href="javascript:;">最新活动</a></li>
                    <li><a href="javascript:;">企业专区</a></li>
                    <li><a href="javascript:;">会员中心</a></li>
                </ul>
                <div class="login_wrap clearfix">
                    <span class="shop_bag clearfix">
                        <a href="javascript:;" class="clearfix">
                        <i></i>
                    </a>
                    </span>
                    <span class="login_btn">
                        <a href="javascript:;" style="margin:0 8px">登录</a>
                        |
                        <a href="javascript:;" style="margin:0 8px">注册</a>
                    </span>
                </div>
            </div>

        </div>
    </div>
    <div class="banner_wrap">
        <div class="banner_img">
            <ul style="position:relative;width:1331px;height:650px;">
                <li
                    style="position:absolute;width:1331px;left:0px;top:0px;background:url('dist/images/wb.jpg') center center;display: block;">
                <a href="javascript:;"></a>
                </li>
                <li
                        style="position:absolute;width:1331px;left:0px;top:0px;background:url('dist/images/wb2.jpg') center center;display: none;">
                    <a href="javascript:;"></a>
                </li>
                <li
                        style="position:absolute;width:1331px;left:0px;top:0px;background:url('dist/images/wb3.jpg') center center;display: none;">
                    <a href="javascript:;"></a>
                </li>
                <li
                        style="position:absolute;width:1331px;left:0px;top:0px;background:url('dist/images/wb4.jpg') center center;display: none;">
                    <a href="javascript:;"></a>
                </li>
            </ul>
        </div>
        <div class="banner_btns clearfix">
            <span class="on">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
        </div>
    </div>
</div>
<div class="index_row">
    <h2 class="clearfix row_tit">
        <a href="javascript:;">更多</a>
        <span>人气推荐</span>
    </h2>
    <div class="item_wrap">
        <ul class="clearfix item_ul">
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>桃芝|樱桃芝士蛋糕</h3>
                        <h4>￥265</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/3489.jpg" alt="" style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/3523.jpg" alt="">
                    </div>
                </a>
            </li>
            <li><a href="javascript:;">
                <div class="item_info">
                    <h3>回归|90蛋糕</h3>
                    <h4>￥225</h4>
                </div>
                <div class="imgbox imgtop">
                    <img src="http://images.ebeecake.com/img_w/3481.jpg" alt=""
                         style="width:
                        100%;">
                </div>
                <div class="imgbox imgbottom">
                    <img src="http://images.ebeecake.com/img_w/3515.jpg" alt="">
                </div>
            </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>初心|牛油果低脂蛋糕</h3>
                        <h4>￥335</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/3473.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/3507.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>向往|酸樱桃椰蓉蛋糕</h3>
                        <h4>￥225</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/3477.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/3511.jpg" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="index_row">
    <h2 class="clearfix row_tit2">
        <a href="javascript:;">更多</a>
        <span>庆生蛋糕</span>
    </h2>
    <div class="item_wrap">
        <ul class="clearfix item_ul">
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>星空|黑森林蛋糕</h3>
                        <h4>￥225</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/3488.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/3522.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                <div class="item_info">
                    <h3>皓月|浓情凝聚蛋糕</h3>
                    <h4>￥315</h4>
                </div>
                <div class="imgbox imgtop">
                    <img src="http://images.ebeecake.com/img_w/3807.jpg" alt=""
                         style="width:
                        100%;">
                </div>
                <div class="imgbox imgbottom">
                    <img src="http://images.ebeecake.com/img_w/3808.jpg" alt="">
                </div>
            </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>思念|缤纷乐园蛋糕</h3>
                        <h4>￥295</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/3484.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/3518.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>简单|蜂蜜蛋糕</h3>
                        <h4>￥355</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/3498.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/3532.jpg" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="index_row">
    <h2 class="clearfix row_tit">
        <a href="javascript:;">更多</a>
        <span>人气下午茶</span>
    </h2>
    <div class="item_wrap">
        <ul class="clearfix item_ul">
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>奶香轻乳酪</h3>
                        <h4>￥43.9/230g</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/4121.jpg" alt="" style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/4120.jpg" alt="">
                    </div>
                </a>
            </li>
            <li><a href="javascript:;">
                <div class="item_info">
                    <h3>豆乳盒子蛋糕</h3>
                    <h4>¥29.9/150克</h4>
                </div>
                <div class="imgbox imgtop">
                    <img src="http://images.ebeecake.com/img_w/4429.jpg" alt=""
                         style="width:
                        100%;">
                </div>
                <div class="imgbox imgbottom">
                    <img src="http://images.ebeecake.com/img_w/4429.jpg" alt="">
                </div>
            </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>原味蛋糕卷</h3>
                        <h4>￥38.8/335g</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/4134.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/4133.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>原味半熟芝士</h3>
                        <h4>￥15.8/60g(已下架)</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img_w/4427.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img_w/4131.jpg" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="index_row">
    <h2 class="clearfix row_tit2">
        <a href="javascript:;">更多</a>
        <span>精选食材</span>
    </h2>
    <div class="item_wrap">
        <ul class="clearfix item_ul">
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>巧克力</h3>
                        <h4>法国法芙娜巧克力</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img/2815.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img/2815.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                <div class="item_info">
                    <h3>松露油</h3>
                    <h4>意大利Alba松露油</h4>
                </div>
                <div class="imgbox imgtop">
                    <img src="http://images.ebeecake.com/img/2816.jpg" alt=""
                         style="width:
                        100%;">
                </div>
                <div class="imgbox imgbottom">
                    <img src="http://images.ebeecake.com/img/2816.jpg" alt="">
                </div>
            </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>枫糖</h3>
                        <h4>加拿大枫糖</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img/2817.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img/2817.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div class="item_info">
                        <h3>蜂蜜</h3>
                        <h4>健康密码-蜂蜜</h4>
                    </div>
                    <div class="imgbox imgtop">
                        <img src="http://images.ebeecake.com/img/2818.jpg" alt=""
                             style="width:
                        100%;">
                    </div>
                    <div class="imgbox imgbottom">
                        <img src="http://images.ebeecake.com/img/2818.jpg" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="index_row row_active">
    <h2 class="row_tit clearfix">
        <a href="javascript:;">更多</a>
        <span>瞬间</span>
    </h2>
    <div class="item_wrap">
        <ul class="clearfix item_ul">
            <li>
                <a href="javascript:;">
                    <img src="http://images.ebeecake.com/img_c/indexVideo.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="http://images.ebeecake.com/images/hd/180615/w_sj.jpg" alt="">
                </a>
                <div class="text_wrap">
                    <h3 class="clearfix">
                        蛋糕年度销量排行榜
                        <a href="kavascript:;" class="more">查看详情</a>
                    </h3>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="footer">
    <div class="footer_wrap">
        <div class="footer_nav">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">关于我们</a>
                </li>
                <li>
                    <a href="javascript:;">最新活动</a>
                </li>
                <li>
                    <a href="javascript:;">企业专区</a>
                </li>
                <li>
                    <a href="javascript:;">公益合作</a>
                </li>
                <li>
                    <a href="javascript:;">招聘</a>
                </li>
                <li class="wxgzh">公众号</li>
            </ul>
            <div class="wxgzh_p">
                <img src="dist/images/ewm_wx.jpg" alt="" style="width:120px;height:120px;">
                <div>微信公众号</div>
            </div>
            <p style="padding-left: 84px">小蜜蜂蛋糕 提前3小时预订，北京市六环内免费配送 公司地址：北京市朝阳区798艺术区工美楼3层</p>
        </div>
        <div>
            <p>Copyright © 2009-2019 ebeecake 易贝可（北京）食品有限公司 京ICP备09081733号 京公网安备110105014692
                <br>
                        公司电话：4006106798&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:;">食品经营许可证：JY11105110232865</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:;">食品生产许可证：SC12411051114584</a>
            </p>
        </div>
    </div>
</div>
</body>
</html>